#trashCan .item
{
	margin: 10px;
	background: url('themes/Faenza/trash.png');
	width: 48px;
	height: 48px;
}
#trashCan
{
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 10;
	border: solid 1px #aaa;
	border-radius: 5px;
	background: -webkit-linear-gradient(#fef8f8, #ffe4e4);
	box-shadow: 1px 2px 2px #aaa;
	display: none;
}

#modalMask
{
	position: fixed:
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: white;
	opacity: .5;
	z-index: 4;
	display: none;
}

a[href='#tab-new-container'] span
{
	font-size: 1.5em;
	font-weight: bold;
	line-height: .66em;
	color: #20a030;
	text-shadow: 2px 2px 2px #ccc;
}

.notification
{
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #c6c9ce;
	background: #eaeef3;
	color: #53637d;
}

.container .area
{
	display: inline-block;
	text-align: center;
	min-height: 56px;
}
.container legend
{
	text-shadow: 1px 1px 2px #999;
}

.dragging
{
	opacity: .4;
}

.insertionPoint
{
	width: 0px;
	border: outset 2px #ccc;
	border-radius: 8px;
	height: 100%;
	visibility: hidden;
	position: absolute;
	margin-left: -15px;
	z-index: 10;
}
.item.droppingOnto .insertionPoint
{
	visibility: visible;
}

.container
{
	text-align: center;
	clear: both;
	border: solid 1px #aaa;
	border-radius: 5px;
	overflow: hidden;
	margin: 5px 5px 9px 5px;
	padding-bottom: 4px;
	background: -webkit-linear-gradient(#fefefe, #f4f4f4);
	box-shadow: 1px 2px 2px #aaa;
}
.floating.left.container
{
	clear: left;
	float: left;
}
.floating.right.container
{
	clear: right;
	float: right;
}

.floatLeft
{
	float: left;
	clear: none;
}
.floatRight
{
	float: right;
	clear: none;
}


/* --- Standard (48x48) Styles --- */

.container .item
{
	display: block;
	width: 48px;
	height: 48px;
	float: left;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
	position: relative;
	margin: 5px 15px 3em;
	padding: 0;
}
.container .item .icon
{
	width: 48px;
	height: 48px;
	z-index: 2;
	position: relative;
}
.container .item label,
.container.noLabels .item
{
	background: -webkit-linear-gradient(rgba(220,230,240,.05), rgba(160,190,240,.12));
	border: solid 1px #ddd;
	box-shadow: 1px 1px 1px #aaa;
	color: #222;
	text-shadow: 1px 1px 1px #ddd;
	border-radius: 3px;
}

.container .item label
{
	position: absolute;
	left: -8px;
	width: 64px;
	text-align: center;
	cursor: pointer;
	max-height: 2.5em;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
}
.container .item:hover label,
.container.noLabels .item:hover
{
	background: -webkit-linear-gradient(rgba(220,230,240,.2), rgba(160,190,240,.4));
}

.container .item.noIcon
{
	display: table;
}
.container .item.noIcon label
{
	vertical-align: middle;
	display: table-cell;
	position: relative;
	bottom: auto;
}

.container.noLabels .item
{
	margin: 5px;
	padding: 3px;
}
.container.noLabels .item label
{
	display: none;
}



/* --- Small (16x16) Styles --- */

.container.small .item
{
	width: 145px;
	height: 18px;
	margin: 6px 6px 2px;
	padding: 2px;
}
.container.small .item .icon
{
	width: 16px;
	height: 16px;
}
.container.small .item label
{
	top: 0px;
	left: 0px;
	width: 128px;
	text-align: left;
	height: 18px;
	line-height: 18px;
	padding-left: 20px;
	max-height: auto;
	margin: 0;
	white-space: nowrap;
}



/* --- Large (128x128) Styles --- */

.container.large .item
{
	width: 145px;
	height: 130px;
	margin: 6px 6px 15px;
	padding: 2px;
}
.container.large .item .icon
{
	width: 128px;
	height: 128px;
}
.container.large .item label
{
	top: 129px;
	left: 0px;
	width: 128px;
}
